<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text">吃
    <input type="password">饭
    <br>
    <input type="radio" name="sex">男
    <input type="radio" name="sex" checked="checked">女
    <br>
    爱好：
    <input type="checkbox">吃饭<input type="checkbox">睡觉<input type="checkbox">打豆豆<input type="checkbox">嘿嘿
    <br>
    <input type="button" value="我是一个按钮">
    <br>
    <!-- 这个需要搭配form -->
    <form action="html1.html">
        <input type="text" name="username">
        <input type="submit" value="提交">
        <input type="reset" value="清空">
        <!-- 这个会自动跳转 -->
    </form>
    <br>
    <!-- zh这个里面似乎也是有作用域的，就像下边中1设置的for的变量名不能是相同的 -->
    <label for="male">男</label> <input id="male" type="radio" name="sex">
    <label for="male">女</label> <input id="male" type="radio" name="sex">
    <br>
    <td>h&nbsp;e&lt;i&gt;h&amp;ei</td>
    <select>
        <!-- 起始选项 -->
        <option>北京</option>
        <option selected="selected">上海</option>

    </select>
</body>

</html>

<!-- 今天要看的是表单标签 -->
<!-- 设置为password可以设置为可见不可见 ，文字在前边或者在后边就会显示在前边或者后边-->
<!-- name选项设置为一样才可以是单选， checked表示默认选项-->
<!-- 多选框 checkbox -->
<!-- 普通按钮 button -->
 <!-- label标签，搭配input标签进行使用 -->
<!-- select标签 第一行那个就是默认标签-->